<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="${pageContext.request.contextPath}/assets/homebanner/css/common.css" rel="stylesheet">
		<link href="${pageContext.request.contextPath}/assets/homebanner/css/map.css" rel="stylesheet">
		<link type="text/css" rel="stylesheet" href="" id="theme-change2" class="style-change color-change">
		<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/assets/vendors/font-awesome/css/font-awesome.min.css">
		<%-- <script src="${pageContext.request.contextPath}/assets/homebanner/js/jquery-1.8.3.min.js"></script> --%>
		<script src="${pageContext.request.contextPath}/assets/js/jquery-1.10.2.min.js"></script>	
		<script src="${pageContext.request.contextPath}/assets/homebanner/js/echarts.min.js"></script>
		<script src="${pageContext.request.contextPath}/assets/homebanner/js/echarts-gl.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/artDialog/artDialog.js?skin=default"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/artDialog/plugins/iframeTools.js"></script>
		<script src="${pageContext.request.contextPath}/assets/vendors/jquery-cookie/jquery.cookie.js"></script>

	</head>
	<body class="homepage-body">
		<div class="data">
		    <div class="data-content">
		        <div class="con-left fl">
		            <div class="left-top">
		                <div class="info" style="overflow: hidden;">
		                    <div class="title">总数统计</div>
		                   <img src="${pageContext.request.contextPath}/assets/images/img/bj-1.png" alt="" class="bj-1">
		                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-2.png" alt="" class="bj-2">
		                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-3.png" alt="" class="bj-3">
		                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-4.png" alt="" class="bj-4">
		                    <div class="info-main">
		                        <div class="info-2">
		                            <div class="info-img fl">
		                                <img src="${pageContext.request.contextPath}/assets/images/img/village.png" alt="">
		                            </div>
		                            <div class="info-text fl">
		                                <p>流水总金额</p>
		                                <p id="salesAmountTotal"></p>
		                            </div>
		                        </div>
		                        <div class="info-3">
		                            <div class="info-img fl">
		                                <img src="${pageContext.request.contextPath}/assets/images/img/door.png" alt="">
		                            </div>
		                            <div class="info-text fl">
		                                <p>退款总金额</p>
		                                <p id="refundTotal"></p>
		                            </div>
		                        </div>
		                        <div class="info-4">
		                            <div class="info-img fl">
		                                <img src="${pageContext.request.contextPath}/assets/images/img/house.png" alt="">
		                            </div>
		                            <div class="info-text fl">
		                                <p>奖励总金额</p>
		                                <p id='rewardTotal'></p>
		                            </div>
		                        </div>
		                        <div class="info-5">
		                            <div class="info-img fl">
		                                <img src="${pageContext.request.contextPath}/assets/images/img/device.png" alt="">
		                            </div>
		                            <div class="info-text fl">
		                                <p>调用总次数</p>
		                                <p id='invokTotal'></p>
		                            </div>
		                        </div>
		                        <div class="info-6">
		                            <div class="info-img fl">
		                                <img src="${pageContext.request.contextPath}/assets/images/img/resident.png" alt="">
		                            </div>
		                            <div class="info-text fl">
		                                <p>注册总人数</p>
		                                <p id='wxuserTotal'></p>
		                            </div>
		                        </div>
		                    </div>
		                </div>
		                <div class="top-bottom">
		                    <div class="title">近7天用户注册数</div>
		                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-1.png" alt="" class="bj-1">
		                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-2.png" alt="" class="bj-2">
		                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-3.png" alt="" class="bj-3">
		                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-4.png" alt="" class="bj-4">
		                    <div id="echarts_1" class="charts"></div>
		                </div>
		            </div>
		            <div class="left-bottom">
		                <div class="title">近7天接口调用数</div>
		                <img src="${pageContext.request.contextPath}/assets/images/img/bj-1.png" alt="" class="bj-1">
		                <img src="${pageContext.request.contextPath}/assets/images/img/bj-2.png" alt="" class="bj-2">
		                <img src="${pageContext.request.contextPath}/assets/images/img/bj-3.png" alt="" class="bj-3">
		                <img src="${pageContext.request.contextPath}/assets/images/img/bj-4.png" alt="" class="bj-4">
		                <div id="echarts_2" class="charts"></div>
		            </div>
		        </div>
		        <div class="con-center fl">
		            <div class="map-num">
		                <p>近7天各接口调用数</p>
		            </div>
	           		 <p id = 'nothing' style="display: none;margin-top: 45%;text-align: center;font-size: 20px;font-weight: bolder;">暂无数据...</p>
		            <div class="center-map">
			            <div id="echarts_5" class="charts"></div>
		            </div>
		            
		        </div>
		        <div class="con-right fr">
		            <div class="right-top" id = 'resident'>
	                    <div class="title">近7天支付成功总金额</div>
	                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-1.png" alt="" class="bj-1">
	                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-2.png" alt="" class="bj-2">
	                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-3.png" alt="" class="bj-3">
	                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-4.png" alt="" class="bj-4">
	                    <div id="echarts_3" class="charts"></div>
		            </div>
		            <div class="right-top" style="margin-top: 20px;" >
		                <div class="title">近7天退款成功总金额</div>
		                <img src="${pageContext.request.contextPath}/assets/images/img/bj-1.png" alt="" class="bj-1">
		                <img src="${pageContext.request.contextPath}/assets/images/img/bj-2.png" alt="" class="bj-2">
		                <img src="${pageContext.request.contextPath}/assets/images/img/bj-3.png" alt="" class="bj-3">
		                <img src="${pageContext.request.contextPath}/assets/images/img/bj-4.png" alt="" class="bj-4">
		                <div id="echarts_4" class="charts"></div>
		            </div>
		            <div class="right-bottom" style="margin-top: 20px">
		                <div class="title">奖励排名</div>
	                   	<img src="${pageContext.request.contextPath}/assets/images/img/bj-1.png" alt="" class="bj-1">
	                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-2.png" alt="" class="bj-2">
	                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-3.png" alt="" class="bj-3">
	                    <img src="${pageContext.request.contextPath}/assets/images/img/bj-4.png" alt="" class="bj-4">
	                    <div id="echarts_6" class="charts"></div>
		            </div>
		        </div>
		    </div>
		</div>
	</body>
	<script type="text/javascript">
		var ctxt = "${pageContext.request.contextPath}";
		window.onload = function() { 
    		var defaultColor = "dazz-blue";
    	    var color = $.cookie('defaultThemeName');
    	    if (color==null || color=="") {
    	    	color = defaultColor;
    	    }
    	    $('#theme-change2').attr('href', '../assets/css/themes/style1/' + color + '.css'); 
    	}
	</script>
	<script src="${pageContext.request.contextPath}/assets/homebanner/js/echarts.js"></script>
</html>
